<template>
<div class="course">  
    <table  v-for="arr in course" >
    	<tr>
    		<td colspan="2" >时间</td>
    		<td @click="tab_day">{{arr.week}}
    	v</td>
    	</tr>
    	<tr>
    		<td rowspan="4">上午</td>
    		<td>第1节</td>
    		<td rowspan="2">
    			{{arr.k1.name}} <br>
          		{{arr.k1.time}} <br> 
    			{{arr.k1.teacher}} 
    			{{arr.k1.sites}} 	
    		</td>
    	</tr>
    	<tr>
    		<td>第2节</td>
    	</tr>
    	<tr>
        	<td>第3节</td>
        	<td rowspan="2" align="center">
          		{{arr.k1.name}} <br>
          		{{arr.k1.time}} <br> 
    			{{arr.k1.teacher}} 
    			{{arr.k1.sites}}	
        	</td>
        </tr>
        <tr>
        	<td>第4节</td>
        </tr>
		
		<tr>
    		<td rowspan="4">下午</td>
    		<td>第5节</td>
    		<td rowspan="2">
    			{{arr.k1.name}} <br>
          		{{arr.k1.time}} <br> 
    			{{arr.k1.teacher}} 
    			{{arr.k1.sites}}
    			
    		</td>
    	</tr>
    	<tr>
    		<td>第6节</td>
    	</tr>
    	<tr>
          <td>第7节</td>
          <td rowspan="2" align="center">
        		{{arr.k1.name}} <br>
          		{{arr.k1.time}} <br> 
    			{{arr.k1.teacher}} 
    			{{arr.k1.sites}}
          </td>
        </tr>
        <tr>
        	<td>第8节</td>
        </tr>
            	<tr>
    		<td rowspan="4">晚上</td>
    		<td>第9节</td>
    		<td rowspan="2">
    			{{arr.k1.name}} <br>
          		{{arr.k1.time}} <br> 
    			{{arr.k1.teacher}} 
    			{{arr.k1.sites}}
    			
    		</td>
    	</tr>
    	<tr>
    		<td>第10节</td>
    	</tr>
    	<tr>
          <td>第11节</td>
          <td rowspan="2" align="center">
        		{{arr.k1.name}} <br>
          		{{arr.k1.time}} <br> 
    			{{arr.k1.teacher}} 
    			{{arr.k1.sites}}
          </td>
        </tr>
        <tr>
        	<td>第12节</td>
        </tr>

    </table>
</div>
</template>

<script>
	var times = new Date();
	console.log($);
	export default {
		data() {
			return {
				course:[{week:"星期一",k1:{name:"WEB应用开发技术",time:"周一第1,2节{第1-16周}",teacher:"熊俊涛(熊俊涛)",sites:"3502"},k2:{name:"WEB应用开发技术",time:"周一第1,2节{第1-16周}",teacher:"熊俊涛(熊俊涛)",sites:"3502"},k3:{name:"",time:"",teacher:"",sites:""},k4:{name:"",time:"",teacher:"",sites:""},k5:{name:"",time:"",teacher:"",sites:""},k6:{name:"",time:"",teacher:"",sites:""}}]
				
			};
		},
		methods: {
			tab_day: function() {
				
				alert("")
			}
		},
		mounted() {
			var sh = document.documentElement.clientHeight;
			var table = document.querySelector("table");
			table.style.height = sh - document.querySelector(".weui-tabbar").offsetHeight + "px";
			

		}
	};
	
</script>

<style>
	.course{
		font-size: 0.15rem
	}
	table{
		color:#888;
		width:3.75rem;
		min-height: 400px;	
	}
	table td{
		/*height: 37px;*/
		text-align:center;
		background:#f8f8f8;
		border-radius: .1rem;


	}
	
	.radius-1{
		background:#f8f8f8;
		border-radius: .1rem;
	}		
</style>